<template>
<f7-page name="mine-addr" class="mine-addr">
  <f7-navbar :back-link="true" title="送货地址"></f7-navbar>
  <f7-list media-list>
    <f7-list-item title="李先生" subtitle="上海市浦东新区浦东新区上海市浦东新区浦东新" after="136****0085">
       <f7-link href="" icon-f7="check_round"> &nbsp;默认地址</f7-link>
       <f7-link href="" icon-f7="compose"> &nbsp;编辑</f7-link>
       <f7-link href="" icon-f7="close_round"> &nbsp;删除</f7-link>
    </f7-list-item>
    
    <f7-list-item title="王小姐" subtitle="普陀区安远路128号" after="136****0085">
       <f7-link href="" icon-f7="check_round"> &nbsp;默认地址</f7-link>
       <f7-link href="" icon-f7="compose"> &nbsp;编辑</f7-link>
       <f7-link href="" icon-f7="close_round"> &nbsp;删除</f7-link>
    </f7-list-item>
    
    <f7-list-item title="张小姐" subtitle="普陀区安远路128号普陀区安远路128号" after="136****0085">
       <f7-link href="" icon-f7="check_round"> &nbsp;默认地址</f7-link>
       <f7-link href="" icon-f7="compose"> &nbsp;编辑</f7-link>
       <f7-link href="" icon-f7="close_round"> &nbsp;删除</f7-link>
    </f7-list-item>
  </f7-list>
</f7-page>
</template>

<script>
export default {}
</script>

<style lang="scss">
.mine-addr {
   .list-block {
      margin: 0;
   }
   .list-block .item-subtitle {
      white-space: normal; 
   }

   .item-inner a {
      font-size: 14px;
      color: #000;
      margin-top: 8px;
      display: inline-block;
   }
}
</style>
